
$fontSize: 30vh *$h;
$lineHeight: 30vh *$h;

.z-table {
  .ant-table {
    background: transparent;
    font-size: $fontSize;

    .ant-table-container {
      table {
        .ant-table-selection-col {
          width: 230vw * $w;
        }

        .ant-table-thead {
          .ant-table-cell {
            padding: 30vh *$h 0;

            .ant-checkbox-wrapper {
              font-size: 92vh *$h;

              .ant-checkbox {
                font-size: 92vh *$h;

                .ant-checkbox-inner {
                  width: 92vh *$h;
                  height: 92vh *$h;
                  border-width: 2vh *$h;
                  border-radius: 4vh *$h;

                  &::after {
                    width: 28vw *$w;
                    height: 58vh *$h;
                    border-width: 10vh *$h;
                    top: 40%;
                  }
                }

                &.ant-checkbox-indeterminate {
                  .ant-checkbox-inner::after {
                    width: 58vh * $h;
                    height: 58vh * $h;
                    top: 50%;
                  }
                }

              }
            }
          }

          &>tr>th {
            border: none;
            background: transparent;
            color: white;
            font-weight: bold;
            font-size: 30vh *$h;
            line-height: 30vh *$h;
          }
        }

        .ant-table-tbody {
          &>tr>td {
            border: none;
            background: transparent;
            color: white;
            font-size: $fontSize;
            // padding: 0px 6px;
            padding: 30vh *$h 0;
            line-height: $lineHeight;
          }

          .ant-table-row {

            .ant-table-cell {
              .ant-checkbox-wrapper {
                font-size: 128vh *$h;

                .ant-checkbox {
                  font-size: 92vh *$h;

                  .ant-checkbox-inner {
                    width: 92vh *$h;
                    height: 92vh *$h;
                    border-width: 2vh *$h;
                    border-radius: 4vh *$h;

                    &::after {
                      width: 28vw *$w;
                      height: 58vh *$h;
                      border-width: 10vh *$h;
                      top: 40%;
                    }
                  }
                }
              }

              .ant-checkbox-disabled {
                .ant-checkbox-inner {
                  background-color: #8d8989;
                  border-color: #8d8989 !important;
                }
              }
            }

            &:nth-child(odd) {
              .ant-table-cell {
                background: transparent;
              }
            }
          }

          .ant-table-placeholder {
            .ant-empty {
              &.ant-empty-normal {
                margin: 40vh *$h;
                color: white;
                font-size: $fontSize;

                .ant-empty-image {
                  height: $lineHeight;
                  width: 350vw *$w;
                  margin: 0 auto;
                  margin-bottom: 30vh *$h;

                  svg {
                    width: 100%;
                  }
                }
              }
            }
          }
        }
      }
    }

    &.ant-table-bordered {

      .ant-table-container {
        border-left: none;

        table {
          .ant-table-thead {
            &>tr>th {
              border-bottom: 2vh *$h solid #f0f0f0;
              border-right: 2vh *$h solid #f0f0f0;

            }

            tr {
              &:first-child {
                &>th {
                  &:first-child {
                    border-left: 2vh *$h solid #f0f0f0;
                  }
                }
              }
            }
          }

          .ant-table-tbody {
            &>tr>td {
              border-right: 2vh *$h solid #f0f0f0;
              border-bottom: 2vh *$h solid #f0f0f0;

              &:first-child {
                border-left: 2vh *$h solid #f0f0f0;
              }
            }

          }
        }
      }

    }



    .ant-table-body {
      &::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 15vh * $h;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 15vh * $h;
        // display: none;
        background: white;
      }

      &::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 3px transparent;
        background: #285898;
        transition: all .5s; //无效
      }

      &::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        // -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        background: transparent;
        opacity: 0;
        // display: none;
      }

      &::-webkit-scrollbar-corner {
        background-color: transparent;
      }

      &:hover {
        /* 兼容火狐 */
        scrollbar-color: white transparent;
        scrollbar-width: 15vh * $h;
        scrollbar-track-color: transparent;
        -ms-scrollbar-track-color: transparent;

        &::-webkit-scrollbar-thumb {
          // display: block;
          background: #285898;
          -webkit-box-shadow: inset 0 0 15vh * $h transparent;
        }

        &::-webkit-scrollbar-track {
          background: transparent;
          display: block;
        }

        &::-webkit-scrollbar-corner {
          background-color: transparent;
        }
      }

      overflow-y: auto;
      scrollbar-color: transparent transparent;
      scrollbar-track-color: transparent;
      -ms-scrollbar-track-color: transparent;
    }
  }

  &.big_pagination {
    .ant-table-pagination {
      &.ant-pagination {
        margin: 30vh *$h;
        color: white;
        font-size: $fontSize;

        .ant-pagination-total-text {
          height: $lineHeight;
          line-height: $lineHeight;
          margin-right: 10vw *$w;
          font-size: $fontSize;
        }

        .ant-pagination-prev,
        .ant-pagination-next {
          min-width: 64vw *$w;
          height: $lineHeight;
          line-height: $lineHeight;

          .ant-pagination-item-link {
            color: white;
            font-size: $fontSize;
            border-radius: 3vh *$h;
          }
        }

        .ant-pagination-item {
          background: rgba(2, 14, 35, 0.8);
          font-size: 128vh*$h;
          min-width: 256vw*$w;
          height: 256vh*$h;
          line-height: 256vh*$h;
          border: none;
          margin-right: 10vw *$w;

          a {
            color: #5B94FF;
          }


          &.ant-pagination-item-active {
            background-color: #5376ce;
            border: 2vh *$h #5376ce solid;

            a {
              color: white;
            }
          }
        }

        .ant-pagination-jump-prev,
        .ant-pagination-jump-next {
          font-size: 128vh*$h;
          min-width: 256vw*$w;
          height: 256vh*$h;
          line-height: 256vh*$h;
          border: none;
          margin-right: 5vw *$w;
        }

        .ant-pagination-item-link {
          .ant-pagination-item-container {
            .ant-pagination-item-ellipsis {
              color: white;
              font-size: 128vh* $h;
              letter-spacing: 10vw*$w
            }

            .ant-pagination-item-link-icon {
              color: white;
              font-size: 128vh* $h;
              letter-spacing: 10vw*$w
            }
          }
        }

        .ant-pagination-options {
          margin-left: 10vw *$w;

          .ant-select {
            font-size: $fontSize;

            .ant-select-selector {
              height: 78vh *$h;
              padding: 0 8vw *$w;
              border: none;
              border-radius: 5vh *$h;

              .ant-select-selection-search {
                position: absolute;
                top: 0;
                right: 28vw *$w;
                bottom: 0;
                left: 8vw *$w;

                .ant-select-selection-search-input {
                  height: $lineHeight;
                  line-height: $lineHeight;
                  font-size: 38vh *$h;
                }
              }

              .ant-select-selection-item {
                padding-right: 50vw *$w;
                line-height: $lineHeight;
              }
            }

            .ant-select-arrow {
              right: 21vw *$w;
              width: 30vw *$w;
              height: 30vh *$h;
              margin-top: -10vh *$h;
              font-size: 30vh *$h;
            }
          }
        }
      }
    }
  }
}